<template>
  <div class="check-button" >
    <img src="~assets/img/cart/tick.svg" alt=""  :class="{ active: isChecked }"/>
  </div>
</template>
<script>
export default {
  name: "CheckButton",
  data() {
    return {};
  },
  props: {
    isChecked: {
      type: Boolean,
      default: false,
    },
  },
  methods: {},
};
</script>
<style  scoped>
 img{
  border-radius: 40%;
  border: 2px solid #aaa;
}

.active {
  background-color: pink;
  border: 2px solid pink;
}
</style>
